<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>flamebird</title>
    <link rel="shortcut icon" href="assets/logo.png" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- jss-insertion-point-->
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i|Source+Sans+Pro:600"
    />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.0.10/css/all.css"
      integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet" href="medium-screens.css" />
    <link rel="stylesheet" href="small-screens.css" />


  </head>

  <body>
    <div class="wrapper active-tab-procfile">
      <header>
        <span class="title" onclick="header.handleTitleClick()">
          <span>flamebird</span>
          <i class="fas fa-chevron-down"></i>
        </span>
        <div class="configs-list">
        </div>
        <img src="assets/logo2_small.png" alt="flamebird" class="logo" />
        <div class="main-buttons">
          <button
            class="main-button toggle color"
            onclick="header.handleThemeIconClick()"
          >
            <i class="fas fa-adjust"></i>
            <span>theme</span>
          </button>
          <button
            class="main-button toggle resize"
            onclick="header.handleResizeIconClick()"
          >
            <i class="fas fa-expand-arrows-alt"></i>
            <span>fullscreen</span>
          </button>
          <button
            class="main-button toggle notifications"
            onclick="header.handleNotificationsIconClick()"
          >
            <i class="fas fa-exclamation"></i>
            <span>notifications</span>
          </button>
          <button
            class="main-button toggle hot-keys"
            onclick="header.handleKeyboardIconClick()"
          >
            <i class="far fa-keyboard"></i>
            <span>hotkeys</span>
          </button>
          <button class="main-button run" onclick="global.runAllTasks()">
            <span>run all</span>
          </button>
          <button class="main-button stop" onclick="global.stopAllTasks()">
            <span>stop all</span>
          </button>
        </div>
      </header>
      <button class="tasks-button" onclick="global.showTaskList()">
        <i class="fas"></i>
      </button>
      <span class="tabs" id="tabs"></span>
      <section id="task-list"></section>
      <section id="task-logs"></section>
    </div>
    <script src="global.js"></script>

    
    <link rel="stylesheet" href="styles/dark-theme.css" />
    <link rel="stylesheet" href="styles/fullscreen.css" />
    <link rel="stylesheet" href="styles/hot_keys-shortcuts.css" />
  </body>
</html>
